<!DOCTYPE html >
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/header.css">
<link rel="stylesheet" type="text/css" href="css/index.css">
<title>首页</title>
</head>
<body>
<header>
  <nav id="nav">
    <input type="checkbox" id="togglebox" />
    <ul>
      <li><a href="index.html">推荐</a></li>
      <li><a href="cont.html">快讯</a></li>
      <li><a href="movie.html">视频</a></li>
      <li><a href="list.html">服务</a></li>
    </ul>
    <!--汉堡菜单按钮-->
    <label class="menu" for="togglebox"><img src="images/menu.png"/></label>
  </nav>
</header>
<div class="clear"></div>
<div id="adver"> <img src="images/yw.jpg" width="100%"/> </div>
<div class="container">
  <figure> <img src="images/ico_09.png">
    <figcaption>
      <h4>中国香港</h4>
    </figcaption>
  </figure>
  <figure> <img src="images/ico_09.png">
    <figcaption>
      <h4>大陆</h4>
    </figcaption>
  </figure>
  <figure> <img src="images/ico_12.png">
    <figcaption>
      <h4>动漫</h4>
    </figcaption>
  </figure>
  <figure> <img src="images/ico_11.png">
    <figcaption>
      <h4>粤语</h4>
    </figcaption>
  </figure>
  <figure> <img src="images/ico_10.png">
    <figcaption>
      <h4>美国</h4>
    </figcaption>
  </figure>
  <figure> <img src="images/ico_03.png">
    <figcaption>
      <h4>日本</h4>
    </figcaption>
  </figure>
  <figure> <img src="images/ico_11.png">
    <figcaption>
      <h4>电视剧</h4>
    </figcaption>
  </figure>
  <figure> <img src="images/ico_08.png">
    <figcaption>
      <h4>电影</h4>
    </figcaption>
  </figure>
</div>
<div class="clear"></div>
<div class="content">
  <h3>资讯</h3>
  <ul class="new_list">
    <li><a href="cont.html">
      <p><span>原创</span>
郑师傅和廖师傅六四开还是五五开<br>
        <font>123评</font></p>
      <img src="images/yw2.jpg" width="85" height="57" ></a></li>
    <li><a href="cont.html">
      <p><span>原创</span>
刚打完巴顿的受伤叶问再接着打哥连，打的过吗？<br>
        <font>123评</font></p>
      <img src="images/yw2.jpg" width="85" height="57" ></a></li>
    <li><a href="cont.html">
      <p><span>原创</span>
金山找（拿大刀）vs蓝衣大汉（双截棍）<br>
        <font>123评</font></p>
      <img src="images/yw2.jpg" width="85" height="57" ></a></li>
    <li><a href="cont.html">
      <p><span>原创</span>
凭什么欧洲人演的反派角色设定上抗击打力量和身板都那么抗打而三<br>
        <font>123评</font></p>
      <img src="images/yw2.jpg" width="85" height="57" ></a></li>
  </ul>
</div>
</body>
</html>
